<div class="bg">
  <div class="header" *ngIf="tagData.data?.headDiv?.firstRow?.label"
    [ngStyle]="tagData.data.headDiv.firstRow.cssStyle | styleFilter">
    {{tagData.data.headDiv.firstRow.label}}
  </div>
  <div class="items-bg" *ngFor="let item of listData; let i = index" appDebounceClick (debounceClick)="chooseClick(item)">
    <i class="unCheck" [ngClass]="{'checked': item.checked}" *ngIf="item.check === 'true'"></i>
    <img class="avatar" src="{{item.img.imgUrl}}" [ngStyle]="item.img.cssStyle | styleFilter" alt="">
    <div class="item-content">
      <p class="name" [ngStyle]="item.firstRowLeft.firstText.cssStyle | styleFilter"
        *ngIf="item.firstRowLeft?.firstText?.label">{{item.firstRowLeft.firstText.label}}<span class="status"
          *ngIf="item.firstRowLeft?.secondText?.label">{{item.firstRowLeft.secondText.label}}</span></p>
      <p class="phone" [ngStyle]="item.secondRowLeft.firstText.cssStyle | styleFilter"
        *ngIf="item.secondRowLeft?.firstText?.label">{{item.secondRowLeft?.firstText.label}}</p>
    </div>
    <div class="action-btn" *ngIf="item.secondRowRight?.label" [ngStyle]="item.secondRowRight.cssStyle | styleFilter"
      appDebounceClick (debounceClick)="action($event,item.secondRowRight,i)">
      {{item.secondRowRight.label}}
    </div>
    <p class="detail-btn" appDebounceClick (debounceClick)="openPage($event,item.secondRowRightLink?.linkInfo.link)"
      [ngStyle]="item.secondRowRightLink.cssStyle | styleFilter" *ngIf="item.secondRowRightLink?.label">
      {{item.secondRowRightLink?.label}} <i class="arrow"></i></p>
  </div>
</div>
<p class="noData" *ngIf="!listData || listData.length === 0">
  暂无数据
</p>
<ion-infinite-scroll *ngIf="showLoadMore" threshold="5%" (ionInfinite)="loadMoreData($event)">
  <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>